#include("../layout.html")
#@layout("菜单")

#define body()
<h1 class="wp-heading-inline">菜单</h1>
<a href="/admin/media/create" class="page-title-action">使用实时预览管理</a>
<hr class="wp-header-end">

<div class="layui-fluid">
	<div class="layui-tab">
  		<ul class="layui-tab-title">
    		<li class="layui-this">编辑菜单</li>
    		<li>管理位置</li>
  		</ul>
  		<div class="layui-tab-content">
    		<div class="layui-tab-item layui-show">
    			<div class="manage-menus">
 					<span class="add-edit-menu-action">
						在下方编辑您的菜单，或<a href="">创建新菜单</a>。		
					</span>
				</div>
			
    			<div class="layui-row layui-col-space15">
					<div class="layui-col-md3">
						<div class="layui-collapse menu1" lay-filter="menu1" lay-accordion>
					  		<div class="layui-colla-item">
					    		<h2 class="layui-colla-title">页面</h2>
					    		<div class="layui-colla-content layui-form">
					    			<div class="layui-tab">
									  	<ul class="layui-tab-title">
									    	<li class="layui-this">最近</li>
									    	<li>查看所有</li>
									    	<li>搜索</li>
									  	</ul>
									  	<div class="layui-tab-content" style="border: 1px solid #e6e6e6;border-top: none;">
									    	<div class="layui-tab-item layui-show">
									    		<ul>
									    			<li><input type="checkbox" name="" title="未分类" lay-skin="primary"></li>
									    		</ul>
									    	</div>
									    	<div class="layui-tab-item">
									    		<ul>
									    			<li><input type="checkbox" name="" title="未分类" lay-skin="primary"></li>
									    		</ul>
									    	</div>
									    	<div class="layui-tab-item">
									    		<input type="text" class="layui-input"/>
									    	</div>
									  	</div>
									</div>
									<div class="layui-clear">
										<a href="" class="button-link" style="float:left;height:30px;line-height:30px;">全选</a>
										<a href="" class="layui-btn layui-btn-sm layui-btn-primary" style="float:right;">添加到菜单</a>
									</div>
					    		</div>
					  		</div>
					  		<div class="layui-colla-item">
					    		<h2 class="layui-colla-title">文章</h2>
					    		<div class="layui-colla-content layui-form">
					    			<div class="layui-tab">
									  	<ul class="layui-tab-title">
									    	<li class="layui-this">最近</li>
									    	<li>查看所有</li>
									    	<li>搜索</li>
									  	</ul>
									  	<div class="layui-tab-content" style="border: 1px solid #e6e6e6;border-top: none;">
									    	<div class="layui-tab-item layui-show">
									    		<ul>
									    			<li><input type="checkbox" name="" title="未分类" lay-skin="primary"></li>
									    		</ul>
									    	</div>
									    	<div class="layui-tab-item">
									    		<ul>
									    			<li><input type="checkbox" name="" title="未分类" lay-skin="primary"></li>
									    		</ul>
									    	</div>
									    	<div class="layui-tab-item">
									    		<input type="text" class="layui-input"/>
									    	</div>
									  	</div>
									</div>
									<div class="layui-clear">
										<a href="" class="button-link" style="float:left;height:30px;line-height:30px;">全选</a>
										<a href="" class="layui-btn layui-btn-sm layui-btn-primary" style="float:right;">添加到菜单</a>
									</div>
					    		</div>
					  		</div>
					  		<div class="layui-colla-item">
					    		<h2 class="layui-colla-title">自定义链接</h2>
					    		<div class="layui-colla-content layui-form">
					    			<div class="layui-clear" style="margin-bottom:10px;">
					    				<label style="float:left;width:60px;line-height:30px;">URL</label>
					    				<div style="margin-left:80px;">
					    					<input type="text" class="layui-input">
					    				</div>
					    			</div>
					    			<div class="layui-clear" style="margin-bottom:10px;">
					    				<label style="float:left;width:60px;line-height:30px;">链接文本</label>
					    				<div style="margin-left:80px;">
					    					<input type="text" class="layui-input">
					    				</div>
					    			</div>
					    			<div class="layui-clear">
										<a href="" class="layui-btn layui-btn-sm layui-btn-primary" style="float:right;">添加到菜单</a>
									</div>
					    		</div>
					  		</div>
					  		<div class="layui-colla-item">
					    		<h2 class="layui-colla-title">分类目录</h2>
					    		<div class="layui-colla-content layui-form">
					    			<div class="layui-tab">
									  	<ul class="layui-tab-title">
									    	<li class="layui-this">最近</li>
									    	<li>查看所有</li>
									    	<li>搜索</li>
									  	</ul>
									  	<div class="layui-tab-content" style="border: 1px solid #e6e6e6;border-top: none;">
									    	<div class="layui-tab-item layui-show">
									    		<ul>
									    			<li><input type="checkbox" name="" title="未分类" lay-skin="primary"></li>
									    		</ul>
									    	</div>
									    	<div class="layui-tab-item">
									    		<ul>
									    			<li><input type="checkbox" name="" title="未分类" lay-skin="primary"></li>
									    		</ul>
									    	</div>
									    	<div class="layui-tab-item">
									    		<input type="text" class="layui-input"/>
									    	</div>
									  	</div>
									</div>
									<div class="layui-clear">
										<a href="" class="button-link" style="float:left;height:30px;line-height:30px;">全选</a>
										<a href="" class="layui-btn layui-btn-sm layui-btn-primary" style="float:right;">添加到菜单</a>
									</div>
					    		</div>
					  		</div>
						</div>
					</div>
					<div class="layui-col-md9">
					<!-- S -->
					
						<div id="menu-management">
							<form id="update-nav-menu" method="post" enctype="multipart/form-data">
								<div class="menu-edit ">
									<div id="nav-menu-header">
										<div class="major-publishing-actions layui-clear">
											<label class="menu-name-label" for="menu-name">菜单名称</label>
											<div class="layui-inline" style="width:270px;">
												<input name="menu-name" id="menu-name" type="text" class="layui-input" value="test">
											</div>
											<div class="publishing-action">
												<input type="submit" name="save_menu" id="save_menu_header" class="layui-btn layui-btn-sm" value="保存菜单">							
											</div><!-- END .publishing-action -->
										</div><!-- END .major-publishing-actions -->
									</div><!-- END .nav-menu-header -->
									<div id="post-body">
										<div id="post-body-content" class="layui-clear">
											<h3>菜单结构</h3>
											<div class="drag-instructions post-body-plain">
												<p>拖放各个项目到您喜欢的顺序，点击右侧的箭头可进行更详细的设置。</p>
											</div>
											<div id="menu-instructions" class="post-body-plain menu-instructions-inactive"><p>从左边栏中添加菜单项目。</p></div>
											
											<div class="layui-collapse menu2" lay-filter="menu2" style="width:412px;">
										  		<div class="layui-colla-item">
										    		<h2 class="layui-colla-title">杜甫</h2>
										    		<div class="layui-colla-content menu-item-settings layui-form layui-clear">
										    			<p class="description description-wide">
															<label for="edit-menu-item-title-36">
																导航标签<br>
																<input type="text" id="edit-menu-item-title-36" class="layui-input" name="menu-item-title[36]" value="世界，您好！">
															</label>
														</p>
														<p class="field-title-attribute field-attr-title description description-wide hidden-field">
															<label for="edit-menu-item-attr-title-36">
																标题属性<br>
																<input type="text" id="edit-menu-item-attr-title-36" class="layui-input" name="menu-item-attr-title[36]" value="">
															</label>
														</p>
														<p class="field-link-target description hidden-field">
															<label for="edit-menu-item-target-36">
																<input type="checkbox" id="edit-menu-item-target-36" value="_blank" name="menu-item-target[36]" title="在新标签页中打开链接" lay-skin="primary">
															</label>
														</p>
														<p class="field-css-classes description description-thin hidden-field">
															<label for="edit-menu-item-classes-36">
																CSS类（可选）<br>
																<input type="text" id="edit-menu-item-classes-36" class="layui-input" name="menu-item-classes[36]" value="">
															</label>
														</p>
														<p class="field-xfn description description-thin hidden-field">
															<label for="edit-menu-item-xfn-36">
																链接关系（XFN）<br>
																<input type="text" id="edit-menu-item-xfn-36" class="layui-input" name="menu-item-xfn[36]" value="">
															</label>
														</p>
														<p class="field-description description description-wide hidden-field">
															<label for="edit-menu-item-description-36">
																图像描述<br>
																<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
																<span class="description">如果当前主题支持，此描述将在菜单中显示。</span>
															</label>
														</p>
										
														<fieldset class="field-move hide-if-no-js description description-wide">
															<span class="field-move-visual-label" aria-hidden="true">移动至</span>
															<button type="button" class="button-link menus-move menus-move-up" data-dir="up" style="display: none;">上一位</button>
															<button type="button" class="button-link menus-move menus-move-down" data-dir="down" aria-label="下移一项" style="display: inline;">下一位</button>
															<button type="button" class="button-link menus-move menus-move-left" data-dir="left" style="display: none;"></button>
															<button type="button" class="button-link menus-move menus-move-right" data-dir="right" style="display: none;"></button>
															<button type="button" class="button-link menus-move menus-move-top" data-dir="top" style="display: none;">最顶</button>
														</fieldset>
										
														<div class="menu-item-actions description-wide submitbox">
															<p class="link-to-original">
																原始：<a href="">世界，您好！</a>						
															</p>
															<a class="item-delete submitdelete deletion" id="delete-36" href="">移除</a> 
															<span class="meta-sep hide-if-no-js"> | </span> 
															<a class="item-cancel submitcancel hide-if-no-js" id="cancel-36" href="">取消</a>
														</div>
										    		</div>
										  		</div>
										  		
										  		<div class="layui-colla-item">
										    		<h2 class="layui-colla-title">杜甫</h2>
										    		<div class="layui-colla-content menu-item-settings layui-form layui-clear">
										    			<p class="field-url description description-wide">
															<label for="edit-menu-item-url-37">
																URL<br>
																<input type="text" id="edit-menu-item-url-37" class="layui-input" name="menu-item-url[37]" value="http://baidu.com">
															</label>
														</p>
														<p class="description description-wide">
															<label for="edit-menu-item-title-37">
																导航标签<br>
																<input type="text" id="edit-menu-item-title-37" class="layui-input" name="menu-item-title[37]" value="baidu">
															</label>
														</p>
														<p class="field-title-attribute field-attr-title description description-wide hidden-field">
															<label for="edit-menu-item-attr-title-37">
																标题属性<br>
																<input type="text" id="edit-menu-item-attr-title-37" class="layui-input" name="menu-item-attr-title[37]" value="">
															</label>
														</p>
														<p class="field-link-target description hidden-field">
															<label for="edit-menu-item-target-37">
																<input type="checkbox" id="edit-menu-item-target-37" value="_blank" name="menu-item-target[37]" title="在新标签页中打开链接" lay-skin="primary">
															</label>
														</p>
														<p class="field-css-classes description description-thin hidden-field">
															<label for="edit-menu-item-classes-37">
																CSS类（可选）<br>
																<input type="text" id="edit-menu-item-classes-37" class="layui-input" name="menu-item-classes[37]" value="">
															</label>
														</p>
														<p class="field-xfn description description-thin hidden-field">
															<label for="edit-menu-item-xfn-37">
																链接关系（XFN）<br>
																<input type="text" id="edit-menu-item-xfn-37" class="layui-input" name="menu-item-xfn[37]" value="">
															</label>
														</p>
														<p class="field-description description description-wide hidden-field">
															<label for="edit-menu-item-description-37">
																图像描述<br>
																<textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
																<span class="description">如果当前主题支持，此描述将在菜单中显示。</span>
															</label>
														</p>
										
														<fieldset class="field-move hide-if-no-js description description-wide">
															<span class="field-move-visual-label" aria-hidden="true">移动至</span>
															<button type="button" class="button-link menus-move menus-move-up" data-dir="up" aria-label="上移一项" style="display: inline;">上一位</button>
															<button type="button" class="button-link menus-move menus-move-down" data-dir="down" style="display: none;">下一位</button>
															<button type="button" class="button-link menus-move menus-move-left" data-dir="left" style="display: none;"></button>
															<button type="button" class="button-link menus-move menus-move-right" data-dir="right" aria-label="移至世界，您好！下" style="display: inline;">世界，您好！下</button>
															<button type="button" class="button-link menus-move menus-move-top" data-dir="top" aria-label="上移到顶" style="display: inline;">最顶</button>
														</fieldset>
										
														<div class="menu-item-actions description-wide submitbox">
															<a class="item-delete submitdelete deletion" id="delete-37" href="">移除</a> 
															<span class="meta-sep hide-if-no-js"> | </span> 
															<a class="item-cancel submitcancel hide-if-no-js" id="cancel-37" href="">取消</a>
														</div>
										    		</div>
										  		</div>
										  	</div>
											
					 						<div class="menu-settings layui-form">
												<h3>菜单设置</h3>
												
												<fieldset class="menu-settings-group auto-add-pages">
													<legend class="menu-settings-group-name howto">自动添加页面</legend>
													<div class="menu-settings-input checkbox-input">
														<input type="checkbox" name="auto-add-pages" id="auto-add-pages" title="自动添加新的顶级页面到此菜单" lay-skin="primary" value="1">
													</div>
												</fieldset>
				
												
												<fieldset class="menu-settings-group menu-theme-locations">
													<legend class="menu-settings-group-name howto">显示位置</legend>
													<div class="menu-settings-input checkbox-input">
														<input type="checkbox" name="menu-locations[top]" id="locations-top" title="顶部菜单" lay-skin="primary" value="2">
													</div>
													<div class="menu-settings-input checkbox-input">
														<input type="checkbox" checked="checked" name="menu-locations[social]" id="locations-social" title="社交网络链接菜单" lay-skin="primary" value="2">
													</div>
												</fieldset>
												
											</div>
										</div><!-- /#post-body-content -->
									</div><!-- /#post-body -->
									<div id="nav-menu-footer">
										<div class="major-publishing-actions layui-clear">
											<span class="delete-action">
												<a class="submitdelete deletion menu-delete" href="">删除菜单</a>
											</span><!-- END .delete-action -->
											<div class="publishing-action">
												<input type="submit" name="save_menu" id="save_menu_footer" class="layui-btn layui-btn-sm" value="保存菜单">							
											</div><!-- END .publishing-action -->
										</div><!-- END .major-publishing-actions -->
									</div><!-- /#nav-menu-footer -->
								</div><!-- /.menu-edit -->
							</form><!-- /#update-nav-menu -->
						</div>
					
					<!-- E -->
					</div>
				</div>
    		</div>
    		<div class="layui-tab-item">
    		<!-- S -->
    			<p>您的主题支持2个菜单，请分别选择您希望在每一处出现的菜单。</p>
    			<div id="menu-locations-wrap">
					<form class="layui-form" method="post" action="">
						<table class="layui-table" lay-skin="line" id="menu-locations-table" style="width:60%;">
							<thead>
								<tr>
									<th>主题位置</th>
									<th>已指派的菜单</th>
								</tr>
							</thead>
							<tbody style="background-color: #fff;">
								<tr>
									<td><label for="locations-top">顶部菜单</label></td>
									<td>
										<div class="layui-inline">
											<select name="menu-locations[top]" id="locations-top">
												<option value="0">— 选择菜单 —</option>
												<option value="2">test</option>
											</select>
										</div>
										
										<div class="layui-inline">
											<span class="locations-add-menu-link">
												<a href="">使用新菜单</a>
											</span>
										</div><!-- .locations-row-links -->
									</td><!-- .menu-location-menus -->
								</tr><!-- .menu-locations-row -->
								<tr >
									<td><label for="locations-social">社交网络链接菜单</label></td>
									<td>
										<div class="layui-inline">
											<select name="menu-locations[social]" id="locations-social">
												<option value="0">— 选择菜单 —</option>
												<option data-orig="true" selected="selected" value="2">test</option>
											</select>
										</div>
										<div class="layui-inline">
											<span class="locations-edit-menu-link">
												<a href="">
													<span aria-hidden="true">编辑</span>
													<span class="screen-reader-text">编辑选中的菜单</span>
												</a>
											</span>
											<span class="locations-add-menu-link">
												<a href="">使用新菜单</a>
											</span>
										</div><!-- .locations-row-links -->
									</td><!-- .menu-location-menus -->
								</tr><!-- .menu-locations-row -->
							</tbody>
						</table>
						<p class="button-controls layui-clear">
							<input type="submit" name="nav-menu-locations" id="nav-menu-locations" class="layui-btn layui-btn-sm" value="保存更改">
						</p>
					</form>
				</div>
    		
    		<!-- E -->
    		</div>
  		</div>
	</div>
</div>
#end